<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>评估详情 - 后勤保障关键技术识别与预测系统</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body data-page="evaluation">
    <!-- 顶部导航栏 -->
    <nav class="navbar">
        <button class="btn btn-sm btn-back">
            <svg class="menu-icon" viewBox="0 0 24 24">
                <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
            </svg>
        </button>
        <div class="navbar-title">评估详情</div>
        <div class="navbar-menu">
        </div>
    </nav>

    <!-- 主要内容区域 -->
    <main class="main-content">
        <div class="container">
            <!-- 任务信息 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">智能制造技术</h2>
                </div>
                <div class="mb-2">
                    <p>基于人工智能的智能制造技术体系，通过集成机器学习、计算机视觉和自动化控制等技术，实现生产过程的智能化管理和优化。</p>
                </div>
                <div class="text-muted">
                    <div>截止时间: 2024-01-15</div>
                    <div>分配专家: 3人</div>
                </div>
            </div>

            <!-- 评估维度 -->
            <div class="card">
                <div class="card-header">
                    <h2 class="card-title">评估维度</h2>
                </div>
                
                <!-- TRL 成熟度（D1） -->
                <div class="form-group">
                    <label class="form-label">TRL 成熟度（D1）</label>
                    <div class="rating-group">
                        <input type="radio" id="trl-1" name="trl" value="1">
                        <label for="trl-1">1</label>
                        
                        <input type="radio" id="trl-2" name="trl" value="2">
                        <label for="trl-2">2</label>
                        
                        <input type="radio" id="trl-3" name="trl" value="3" checked>
                        <label for="trl-3">3</label>
                        
                        <input type="radio" id="trl-4" name="trl" value="4">
                        <label for="trl-4">4</label>
                        
                        <input type="radio" id="trl-5" name="trl" value="5">
                        <label for="trl-5">5</label>
                    </div>
                    <div class="form-group mt-2">
                        <label class="form-label">专家修正</label>
                        <input type="number" class="input-field" min="1" max="9" placeholder="请输入1-9的修正值">
                    </div>
                </div>
                
                <!-- 性能优势（D2） -->
                <div class="form-group">
                    <label class="form-label">性能优势（D2）</label>
                    <div class="form-group">
                        <label class="form-label">提升幅度是否可信</label>
                        <select class="select-field">
                            <option>非常可信</option>
                            <option>比较可信</option>
                            <option>一般</option>
                            <option>不太可信</option>
                            <option>不可信</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">是否有虚假创新</label>
                        <select class="select-field">
                            <option>无虚假创新</option>
                            <option>轻微虚假创新</option>
                            <option>明显虚假创新</option>
                        </select>
                    </div>
                </div>
                
                <!-- 可靠性（D3） -->
                <div class="form-group">
                    <label class="form-label">可靠性（D3）</label>
                    <div class="form-group">
                        <label class="form-label">机器计算方差</label>
                        <input type="text" class="input-field" value="0.75" readonly>
                    </div>
                    <div class="form-group">
                        <label class="form-label">实验场景覆盖度</label>
                        <select class="select-field">
                            <option>全面覆盖</option>
                            <option>大部分覆盖</option>
                            <option>部分覆盖</option>
                            <option>少量覆盖</option>
                        </select>
                    </div>
                </div>
                
                <!-- 采纳度（D10） -->
                <div class="form-group">
                    <label class="form-label">采纳度（D10）</label>
                    <div class="form-group">
                        <label class="form-label">机器评估</label>
                        <input type="text" class="input-field" value="B" readonly>
                    </div>
                    <div class="form-group">
                        <label class="form-label">专家修正</label>
                        <select class="select-field">
                            <option>A</option>
                            <option>B</option>
                            <option>C</option>
                            <option>D</option>
                            <option>E</option>
                        </select>
                    </div>
                </div>
                
                <!-- 战略契合度（D13） -->
                <div class="form-group">
                    <label class="form-label">战略契合度（D13）</label>
                    <div class="form-group">
                        <label class="form-label">机器语义相似度</label>
                        <input type="text" class="input-field" value="0.82" readonly>
                    </div>
                    <div class="form-group">
                        <label class="form-label">专家调整契合度</label>
                        <input type="range" min="1" max="5" step="1" value="4" class="input-field">
                        <div class="text-right">契合度: <span id="fit-value">4</span> 星</div>
                    </div>
                </div>
                
                <!-- E1 战略价值 -->
                <div class="form-group">
                    <label class="form-label">E1 战略价值</label>
                    <div class="rating-group">
                        <input type="radio" id="e1-1" name="e1" value="1">
                        <label for="e1-1">1</label>
                        
                        <input type="radio" id="e1-2" name="e1" value="2">
                        <label for="e1-2">2</label>
                        
                        <input type="radio" id="e1-3" name="e1" value="3" checked>
                        <label for="e1-3">3</label>
                        
                        <input type="radio" id="e1-4" name="e1" value="4">
                        <label for="e1-4">4</label>
                        
                        <input type="radio" id="e1-5" name="e1" value="5">
                        <label for="e1-5">5</label>
                    </div>
                </div>
                
                <!-- E2 应用迫切性 -->
                <div class="form-group">
                    <label class="form-label">E2 应用迫切性</label>
                    <div class="rating-group">
                        <input type="radio" id="e2-1" name="e2" value="1">
                        <label for="e2-1">1</label>
                        
                        <input type="radio" id="e2-2" name="e2" value="2">
                        <label for="e2-2">2</label>
                        
                        <input type="radio" id="e2-3" name="e2" value="3" checked>
                        <label for="e2-3">3</label>
                        
                        <input type="radio" id="e2-4" name="e2" value="4">
                        <label for="e2-4">4</label>
                        
                        <input type="radio" id="e2-5" name="e2" value="5">
                        <label for="e2-5">5</label>
                    </div>
                </div>
                
                <!-- E3 风险可控性 -->
                <div class="form-group">
                    <label class="form-label">E3 风险可控性</label>
                    <div class="rating-group">
                        <input type="radio" id="e3-1" name="e3" value="1">
                        <label for="e3-1">1</label>
                        
                        <input type="radio" id="e3-2" name="e3" value="2">
                        <label for="e3-2">2</label>
                        
                        <input type="radio" id="e3-3" name="e3" value="3" checked>
                        <label for="e3-3">3</label>
                        
                        <input type="radio" id="e3-4" name="e3" value="4">
                        <label for="e3-4">4</label>
                        
                        <input type="radio" id="e3-5" name="e3" value="5">
                        <label for="e3-5">5</label>
                    </div>
                </div>
                
                <!-- E4 潜在颠覆性 -->
                <div class="form-group">
                    <label class="form-label">E4 潜在颠覆性</label>
                    <div class="rating-group">
                        <input type="radio" id="e4-1" name="e4" value="1">
                        <label for="e4-1">1</label>
                        
                        <input type="radio" id="e4-2" name="e4" value="2">
                        <label for="e4-2">2</label>
                        
                        <input type="radio" id="e4-3" name="e4" value="3" checked>
                        <label for="e4-3">3</label>
                        
                        <input type="radio" id="e4-4" name="e4" value="4">
                        <label for="e4-4">4</label>
                        
                        <input type="radio" id="e4-5" name="e4" value="5">
                        <label for="e4-5">5</label>
                    </div>
                </div>
                
                <!-- E5 协同度 -->
                <div class="form-group">
                    <label class="form-label">E5 协同度</label>
                    <div class="rating-group">
                        <input type="radio" id="e5-1" name="e5" value="1">
                        <label for="e5-1">1</label>
                        
                        <input type="radio" id="e5-2" name="e5" value="2">
                        <label for="e5-2">2</label>
                        
                        <input type="radio" id="e5-3" name="e5" value="3" checked>
                        <label for="e5-3">3</label>
                        
                        <input type="radio" id="e5-4" name="e5" value="4">
                        <label for="e5-4">4</label>
                        
                        <input type="radio" id="e5-5" name="e5" value="5">
                        <label for="e5-5">5</label>
                    </div>
                </div>
                
                <!-- 专家意见 -->
                <div class="form-group">
                    <label class="form-label">专家意见</label>
                    <textarea class="textarea-field" placeholder="请输入您的专业意见和建议..."></textarea>
                </div>
                
                <!-- 操作按钮 -->
                <div class="row">
                    <div class="col-6">
                        <button class="btn btn-block btn-secondary">保存草稿</button>
                    </div>
                    <div class="col-6">
                        <button class="btn btn-block">提交评估</button>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- 左侧导航 -->
    <nav class="left-nav">
        <a href="index.html" class="nav-item" data-tab="home">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
            </svg>
            <span>首页</span>
        </a>
        <a href="data.html" class="nav-item" data-tab="data">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/>
            </svg>
            <span>数据</span>
        </a>
        <a href="themes.html" class="nav-item" data-tab="themes">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/>
            </svg>
            <span>分析</span>
        </a>
        <a href="evaluation.html" class="nav-item active" data-tab="evaluation">
            <svg class="nav-icon" viewBox="0 0 24 24">
                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
            </svg>
            <span>评估</span>
        </a>
    </nav>
<script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>